// out: false,main:../classic.less,main:../technology.less
.flex {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

.flexRow,.flex-row {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
}

.item {
    flex: auto;
}

.flex-item {
    flex: auto;
}

.overflow {
    overflow: auto;
}
.items-center	{align-items: center;}
.grid {
    display: grid;

}

.grid-auto {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
}

.grid-item {
    background: #ccc;
    display: grid;
    grid-auto-rows: auto;
}

.grid-gap-20 {
    grid-gap: 20px 20px;
}

.grid-auto-rows {
    display: grid;
    grid-auto-rows: auto;
}

.grid-item-1 {
    grid-column-start: span 3;
    // grid-column-end: 3;
}

.grid-item-2 {
    grid-column-start: span 2;
    // grid-column-end: 3;
}

.grid-span(4);

.grid-span(@n, @i: 1) when (@i =< @n) {
    .grid-span-@{i} {
        // width: (@i * 100% / @n);
        grid-column-start: span @i;
    }

    .grid-span(@n, (@i + 1));
}